<template>
  <div>
    <input
      type="checkbox"
      :checked="isAllSelect"
      @change="$emit('isAllSelect', { checked: $event.target.checked })"
    />
    <input
      type="text"
      :value="list.text"
      @keydown.enter="$emit('listAdd', $event.target.value)"
    />
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
    },
    isAllSelect: {
      type: Boolean,
      default: false,
    },
  },
};
</script>

<style scoped>
</style>